import { TextField } from "@mui/material";
import styled from "@emotion/styled";

const NumericTextField = styled(TextField)({
  '& .MuiInputBase-input::-webkit-outer-spin-button, & .MuiInputBase-input::-webkit-inner-spin-button': {
    '-webkit-appearance': 'none',
    margin: 0,
  },
  '& .MuiInputBase-input[type="number"]': {
    '-moz-appearance': 'textfield',
  }
});

export default NumericTextField;